// import { Suspense, lazy } from "react";
// import { Navigate, Outlet } from "react-router";

// import { Iconify } from "@/components/icon";
// import { CircleLoading } from "@/components/loading";

// import ToastPage from "@/pages/components/toast";
// import type { AppRouteObject } from "#/router";

// const AnimatePage = lazy(() => import("@/pages/components/animate"));
// const ScrollPage = lazy(() => import("@/pages/components/scroll"));
// const MarkdownPage = lazy(() => import("@/pages/components/markdown"));
// const EditorPage = lazy(() => import("@/pages/components/editor"));
// const MultiLanguagePage = lazy(
// 	() => import("@/pages/components/multi-language"),
// );
// const IconPage = lazy(() => import("@/pages/components/icon"));
// const UploadPage = lazy(() => import("@/pages/components/upload"));
// const ChartPage = lazy(() => import("@/pages/components/chart"));

// const components: AppRouteObject = {
// 	order: 3,
// 	path: "components",
// 	element: (
// 		<Suspense fallback={<CircleLoading />}>
// 			<Outlet />
// 		</Suspense>
// 	),
// 	meta: {
// 		label: "sys.menu.components",
// 		icon: (
// 			<Iconify
// 				icon="solar:widget-5-bold-duotone"
// 				className="ant-menu-item-icon"
// 				size="24"
// 			/>
// 		),
// 		key: "/components",
// 	},
// 	children: [
// 		{
// 			index: true,
// 			element: <Navigate to="icon" replace />,
// 		},
// 		{
// 			path: "icon",
// 			element: <IconPage />,
// 			meta: { label: "sys.menu.icon", key: "/components/icon" },
// 		},
// 		{
// 			path: "animate",
// 			element: <AnimatePage />,
// 			meta: { label: "sys.menu.animate", key: "/components/animate" },
// 		},
// 		{
// 			path: "scroll",
// 			element: <ScrollPage />,
// 			meta: { label: "sys.menu.scroll", key: "/components/scroll" },
// 		},
// 		{
// 			path: "markdown",
// 			element: <MarkdownPage />,
// 			meta: { label: "sys.menu.markdown", key: "/components/markdown" },
// 		},
// 		{
// 			path: "editor",
// 			element: <EditorPage />,
// 			meta: { label: "sys.menu.editor", key: "/components/editor" },
// 		},
// 		{
// 			path: "i18n",
// 			element: <MultiLanguagePage />,
// 			meta: { label: "sys.menu.i18n", key: "/components/i18n" },
// 		},
// 		{
// 			path: "upload",
// 			element: <UploadPage />,
// 			meta: { label: "sys.menu.upload", key: "/components/upload" },
// 		},
// 		{
// 			path: "chart",
// 			element: <ChartPage />,
// 			meta: { label: "sys.menu.chart", key: "/components/chart" },
// 		},
// 		{
// 			path: "toast",
// 			element: <ToastPage />,
// 			meta: { label: "sys.menu.toast", key: "/components/toast" },
// 		},
// 	],
// };

// export default components;
